{% extends "xadmin/base_site.html" %}
{% load i18n %}
{% load url from future %}
{% load xadmin_tags %}
{% load crispy_forms_tags %}

{% block breadcrumbs %}
{% if account_view %}
<ul class="breadcrumb">
  <link href="/websys/static/xadmin/vendor/bootstrap-table/css/bootstrap-table.min.css" type="text/css" media="screen" rel="stylesheet" />
<li><a href="{% url 'xadmin:index' %}">{% trans 'Home' %}</a></li>
  <li class="active"> {{ title }} </li>
</ul>
{% else %}
<ul class="breadcrumb">
  <li><a href="{% url 'xadmin:index' %}">{% trans 'Home' %}</a></li>
  <li>
    {% if has_view_permission %}
    <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>
    {% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}
  </li>
  <li><a href="{% url opts|admin_urlname:'change' original.pk %}">{{ original|truncatewords:"18" }}</a></li>
  <li class="active">{% trans 'Change password' %}</li>
</ul>
{% endif %}
{% endblock %}

{% block content-nav %}
{% endblock %}
{% block content %}
<!--页面设计在这儿....{{ serverval }}-->
    <style>
    .tb_tr{height: 50px; border:gainsboro 1px  double;}
    .tb_td{height: 50px; border: gainsboro 1px double; width:80px;}
    .div_cb{width:100px; height: 50px; float: left;}
    .tb_main{width: 100%;}
    </style>

    <table class="tb_main">
        <tr>
            <td class="tb_main">
                {% for item in htmldata.apps %}
                            <div class="div_cb"><input type="checkbox" name="server" id="cb_{{ item.pf }}" value="{{ item.pf }}">{{ item.name }}</div>
                    {% endfor %}

                <!--div class="div_cb"><input type="checkbox" id="cb_test2" value="test2">测试服1222</div-->
            </td>
        </tr>
    <tr>
        <td><input type="button" id="bt_copy" value="提交" onclick="toSend()"></td>
    </tr>
    <tr class="tb_tr">
            <td class="tb_td" colspan="2">
                <table data-toggle="table" data-height="100%"  data-pagination="true" id="table_report" style="">
                    <thead>
                        <tr>
                            <th  data-field="pfs">服号</th>
                            <th  data-field="servername">名称</th>
                            <th  data-field="status">状态</th>
                            <th data-field="detiale"
                                data-events="operateEvents"
                                data-formatter="operateFormatter"
                            > 关闭</th>
                        </tr>
                    </thead>
                </table>
            </td>
    </tr>
    </table>

<script type="text/javascript" src="/websys/static/xadmin/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script src="/websys/static/xadmin/vendor/bootstrap-datepicker/js/locales/bootstrap-datepicker.zh-CN.js"></script>
    <script src="/websys/static/xadmin/vendor/bootstrap-table/js/bootstrap-table.min.js"></script>
    <script src="/websys/static/xadmin/vendor/bootstrap-table/js/bootstrap-table-locale-all.min.js"></script>
    <script>
    var tb_title_obj={
        'share':['金额'],
        'table':['房数']
    };

    var pagType='{{ htmldata.type }}';
    var dateType=new Array('year','month','day');
    var dateName={'year':'年份','month':'月份','day':'日期'};
    var curType='day';
    function setType(val)
    {//alert(val);
        for(var ii=0;ii<dateType.length;ii++)
        {
            if(ii==val)
            {
                $('#tr_'+dateType[val]).css('display', '');
            }
            else
            {
                $('#tr_'+dateType[ii]).css('display', 'none');
            }
            curType=dateType[val];
        }
    }

    function toSend()
    {   
    var server = "";
    $(function(){
    // 设置属性值
    $("input:checkbox[name='server']:checked").each(function() {
        server += $(this).val() + ",";
    });
    })
    if(confirm("是否进行开服操作？")) {
    $.post('/xadmin/ajax_systemdata/ch_server/', {"pfs":server}, function(result){
            //alert(result.ret);
            if(result.ret == 0)
            {
                //console.log($(id).attr('serverip'))
                alert(result.msg + "("+result.ret +")")
                window.location.reload();
            }
            else{  
                alert(result.msg + "("+result.ret +")")
            }
         }, "json")

        }
    }

    $(function () {

    });

    function toSearch()
    {
        var t_pf=$("#sel_pf").val();
        if(t_pf=='')
        {
            alert('服务器不能为空');
            return
        }
        //var t0=$("#date_0").datepicker("getDate").toLocaleString();//获取
        //$(".datepicker").datepicker("setDate", '2014-01-25');//设置
        var t0=$("#"+curType+"_0").val(),t1=$("#"+curType+"_1").val();
        var t2=$("input[name='r_type']:checked").val();
        var tname=$('#tb_name').val();
        var t_pf=$('#sel_pf').val();
        //alert(t0+"-"+t1+"开发中。"+t2);//data-url="/websys/static/data2.txt"
        var turl='/xadmin/ajax_systemdata/qu_server';//?date='+t0+','+t1+'&type='+t2;
        if(t0=='' || t1=='')
        {
            alert('日期不能为空');
            return;
        }
        $('#table_report').bootstrapTable('destroy'); // 显示之前，先把当前表格销毁
        $('#table_report').bootstrapTable({
            //search: true,
            locale:'zh-CN',//中文支持
            sortable: true,      //是否启用排序
            //showFooter:true,
            sortName:'date',
            //showRefresh: true,
            pagination: true,//是否开启分页（*）
             pageNumber:1,//初始化加载第一页，默认第一页
             pageSize: 10,//每页的记录行数（*）
              pageList: [10,20,50],//可供选择的每页的行数（*）
            method: "get",         // 经过测试，只有post方法能发给后端的helloWorld.do
            showExport: true,                     //是否显示导出
            exportDataType: "basic",              //basic', 'all', 'selected'.
            //sidePagination: 'server',
            queryParamsType:'', //默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
　　// 设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber
            queryParams: function (params) {
                return {
                    //meterID: $('#meterid').val(),
                    pageSize: params.pageSize,
                    //offset: params.offset,
                    pageNumber:params.pageNumber,
                    sortOrder: params.order,
                    sort: params.sort, //排序列名
                    date: t0+','+t1,
                    pf:t_pf
                }
            },

            url:turl,   // 发送到后端helloWorld.do，由helloWorld.do返回json字符串，
                                    // 必须是列表形式，例如：[{"name":"aaa","id":"kkk"},{...},...]
            // columns22:[{              // 定义过滤的字符串，只有columns里写的才显示，其它不显示
            //     field: 'hour',        // 这里是需要显示的字段的key,也就是helloWorld.do返回json字符串
            //                         // 中必须有这个key,以及对应的value
            //     title: '时间',         // 在页面显示的该列的标题信息
            //     footerFormatter:'合计'
            //   },
            //   {
            //     field: 'count',
            //     title: '在线人数',

            //   }

            // ],

        });


        /*
        $table.bootstrapTable('load', data);
        $('#table_report').bootstrapTable({
                url: 'http://127.0.0.1:8080/xadmin/report/recharge?date='+t0+','+t1+'&type='+t2
            });*/
    }
toSearch();
    function operateFormatter(value, row, index) {
             return [
                 '<button type="button" class="RoleOfA btn btn-default  btn-sm" style="margin-right:15px;">确认</button>'
             ].join('');
         }
    window.operateEvents = {
             'click .RoleOfA': function (e, value, row, index) {
            //window.open("http://127.0.0.1:8000/xadmin/userdata/detaile"+'?'+'value='+row.userid+'&'+'server='+row.server)
        if(confirm("是否进行关服操作？")) {
        $.post('/xadmin/ajax_systemdata/sp_server/', {"id":row.id}, function(result){
            //alert(result.ret);
            if(result.ret == 0)
            {
                    //console.log($(id).attr('serverip'))
                    alert(result.msg + "("+result.ret +")")
                    window.location.reload();
            }else
            {
                alert(result.msg + "("+result.ret +")")
            }
         }, "json")

    }
           }
         }
    </script>
{% endblock %}